@import '~assets/fonts/style.css';
@import '~assets/css/font-awesome.css';
html, body, header, #__nuxt {
  background-color: #fff;
  height: 100%;
  // max-width: 1440px;
  // max-height: 900px;
  margin: 0 auto;
}
html, body, header, #__nuxt{
  max-width: 10000px;
}
body {
  font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;
  overflow: auto;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.content, .nuxt-view{
  background-color: #F1F3F6;
}
a {
  color: #4078c0;
  text-decoration: none;
}
button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.main {
  min-height: 100%;
}
.demo {
  margin: 20px 0;
}
@media (max-width: 1440px) {
  .container {
    width: 100%;
  }
}
@media (max-width: 768px) {

}
.box-card {
  margin: 0 20px;
  .box-header {
    margin-bottom: 20px
  }
}
.section-header {
  font-size: 14px;
  margin: 20px 0px 15px;
}
//.el-card__header{
//  border-bottom: none;
//}
.header-body{
  border-left: 4px solid #20A0FF;
  padding-left: 10px;
}
.el-breadcrumb{
  margin-left: 20px;
  span {
    height: 37px;
    line-height: 37px;
  }
}
//.content .el-card{
//  border: none;
//  box-shadow: none;
//}
.navbar{
  position: fixed;
  width: 17%;
}
.card-title {
  margin-bottom: 30px;
  height: 44px;
  line-height: 44px;
  span {
    font-size: 13px;
    margin-left: 10px;
    color: #475669;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    min-height: 25px;
    padding-top: 0px;
    span {
      margin-left: 18px
    }
  }
}
